.interests{
	width: 702rpx;
	height: 244rpx;
	position: relative;
	top: -60rpx;
	margin: 0 auto;
	
	.interests-title{
		display: flex;
		font-size: 32rpx;
		.interests-title-span{
			height: 30rpx;
			width: 8rpx;
			margin-top: 6rpx;
			margin-right: 12rpx;
			background-color: #3476f1;
		}
	}
	.interests-main{
		border-radius: 15rpx;
		height: 184rpx;
		box-shadow: 0px -5px  10px #f3f3f3,0px 5px  10px #f3f3f3;
		margin-top: 20rpx;
		display: flex;
		justify-content: space-evenly;
		align-content: center;
		flex-wrap: wrap;
		view{
			width: 120rpx;
			height: 128rpx;
			text-align: center;
			image{
				width: 84rpx;
				height: 84rpx;
			}
			text{
				font-size: 24rpx;
				color: #666666;
				display: block;
				margin-top: 5rpx;
			}
		}
	}
}
.fuli{
	width: 54rpx;
	height: 30rpx;
	background-image: url(../../../static/mine/demo.png);
	background-size: 54rpx 30rpx;
	position: absolute;
	left: 120rpx;
	top: 80rpx;
	text-align: center;
	line-height: 23rpx;
	text{
		font-size: 18rpx;
		color: #FFFFFF;
	}
}
.xianshi{
	width: 54rpx;
	height: 30rpx;
	background-image: url(../../../static/mine/demo.png);
	background-size: 54rpx 30rpx;
	position: absolute;
	text-align: center;
	line-height: 23rpx;
	top: 80rpx;
	left: 455rpx;
	text{
		font-size: 18rpx;
		color: #FFFFFF;
	}
}
.edu{
	width: 70rpx;
	height: 30rpx;
	background-image: url(../../../static/mine/demo.png);
	background-size: 70rpx 30rpx;
	position: absolute;
	text-align: center;
	line-height: 23rpx;
	top: -162rpx;
	left: 145rpx;
	text{
		font-size: 18rpx;
		color: #FFFFFF;
	}
}